<template>
    <div class="content">
    <p class="title">查询结果如下：</p>
  <el-table
    :data="tableData3"
    border
    style="width: 100%">
    <el-table-column
      prop="parent"
      label="设备父类型"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="设备类型名称"
      width="180">
    </el-table-column>
    <el-table-column
      prop="description"
      label="描述">
    </el-table-column>
    <el-table-column
      prop="username"
      label="申请人姓名">
    </el-table-column>
     <el-table-column
      prop="time"
      label="申请时间">
    </el-table-column>
    <el-table-column
      prop="type"
      label="实际创建的设备类型">
    </el-table-column>
    <el-table-column
      prop="status"
      label="申请状态">
    </el-table-column>
  </el-table>
	  	<div class="pageination">
		    <el-pagination
			  background
			  layout="prev, pager, next"
			  :total="1000"
			  @current-change="page"
			  >
			</el-pagination>
	    </div>
    </div>
</template>

<script>
    export default {
    	data() {
	      return {
	        tableData3: [
		        {
		          parent: '设备父类型',
		          name: '设备类型名称',
		          description: '描述',
		          username:'申请人姓名',
		          time:'申请时间',
		          type:'实际创建的设备类型',
		          status:'申请状态'
		        },{
		          parent: '设备父类型',
		          name: '设备类型名称',
		          description: '描述',
		          username:'申请人姓名',
		          time:'申请时间',
		          type:'实际创建的设备类型',
		          status:'申请状态'
		        },{
		          parent: '设备父类型',
		          name: '设备类型名称',
		          description: '描述',
		          username:'申请人姓名',
		          time:'申请时间',
		          type:'实际创建的设备类型',
		          status:'申请状态'
		        },
	        ]
	      }
   		},
   		methods:{
   			page(e){
   				console.log(e)
   			}
   		}
   	}
</script>

<style lang="less">
	.content{
		padding:8px;
		.title{
			font-size: 16px;
			color: #173766;
			line-height: 30px;
		}
		.pageination{
			text-align: center;
			margin: 23px;
		}
		 .is-leaf {
                border-bottom: 1px solid #c2cbe2 !important;
                text-align: center;
        }
        .cell{
            text-align: center !important;
        }
	}
	.el-table__header-wrapper{
		font-size: 22px !important;
	}
	tr.el-table__row {
    	font-size: 18px;
	}
</style>

